<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100,400italic,700,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="current-menu-item"><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                                                    
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
    
    <div class="breadcrumbs">
    	<div class="container">
        	<a href="index.html">Home</a><span>/</span><a href="javascript:void(0);">Pages</a><span>/</span>Service
            <h1 class="title-page">The Best We Can Offer</h1>
        </div>
    </div>
    
    <div class="wrapper">
    	<div class="container">
        	<div class="content_block row no-sidebar">
            	<div class="fl-container">
                	<div class="posts-block">
                        <div class="contentarea">
                        	<div class="row">
                             	<div class="col-sm-3 module_cont module_iconboxes pb75 pt50 animate" data-anim-delay="250" data-anim-type="fadeInDown">
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon12.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon12.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Design & Development</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusanti.  Nemo enim ipsam voluptatem quia.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt50 animate" data-anim-delay="150" data-anim-type="fadeInLeft">
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon13.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon13.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Photography</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. </p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt50 animate" data-anim-delay="200" data-anim-type="fadeInUp">
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon14.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon14.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Motion Graphics</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt50 animate" data-anim-delay="150" data-anim-type="fadeInRight">
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon15.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon15.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Brand Identity</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>               	
                             </div>
                             
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Our Core Features</h2>
                                    </div>                                  
                                </div>
                             </div>
                             
                             <div class="row">
								<div class="col-sm-6 module_cont pb30">
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-delay="200" data-anim-type="fadeInLeft">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon8.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon8.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Clean Code</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-delay="250" data-anim-type="fadeInLeft">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon9.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon9.png" class="icon_retina" width="80" height="56" alt="" /></div>
                                                    <h5 class="iconbox_title">Fully Responsive</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-delay="300" data-anim-type="fadeInLeft">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon16.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon16.png" class="icon_retina" width="80" height="56" alt="" /></div>
                                                    <h5 class="iconbox_title">Extended Documentation</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-6 module_cont pb30 animate" data-anim-delay="250" data-anim-type="fadeIn">
                                	<div class="mr_20 ml20">
                                		<img src="img/imgs/service1.png" alt="" />
                                    </div>
                                </div>        	
                             </div>  
                                
                            <div class="fw_block bg_start pt74 pb50 grey_bg mb60">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb0">
                                        <div class="bg_title">
                                            <h2 class="fleft">Latest Works</h2>
                                            <!-- Filter_block -->
                                            <div class="filter_block">
                                                <div class="filter_navigation">
                                                    <ul id="options" class="splitter">
                                                        <li>
                                                            <ul data-option-key="filter" class="optionset">
                                                                <li class="selected"><a data-option-value="*" data-catname="all" href="#filter">All Works</a></li>
                                                                <li><a data-option-value=".branding" data-catname="branding" href="#filter">Branding</a></li>
                                                                <li><a data-option-value=".polygraphy" data-catname="polygraphy" href="#filter">Polygraphy</a></li>
                                                                <li><a data-option-value=".textstyle" data-catname="textstyle" href="#filter">Text Style</a></li>
                                                                <li><a data-option-value=".webui" data-catname="webui" href="#filter">Web UI</a></li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- //Filter_block -->
                                            <div class="clear"></div>
                                        </div>                                   
                                    </div>
                                </div> 

                                <div class="row">
                                    <div class="sorting_block image-grid featured_items photo_gallery" id="list">
                                        <div class="col-sm-4 branding element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/1.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Business Card</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/1.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 polygraphy element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/2.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Iste natus</h5>
                                                            </div>
                                                            <div class="featured_meta">Advertisement</div> 
                                                            <a href="img/portfolio/370_300/2.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>                                                                
                                                    </div>                                                                                                              
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 textstyle element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/3.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Quis autem</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/3.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>                                                            
                                                    </div>                                                                                                              
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 webui element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/4.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Praesent Libero</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/4.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                 
                                        </div>
                                        <div class="col-sm-4 branding element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/5.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Sed Cursus Ante</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/5.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 polygraphy element">   
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/6.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Nulla Quis Sem</h5>
                                                            </div>
                                                            <div class="featured_meta">People</div> 
                                                            <a href="img/portfolio/370_300/6.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 textstyle element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/7.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Duis Sagittis Ipsum</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/7.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                   
                                        </div>
                                        <div class="col-sm-4 webui element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/8.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Curabitur Tortor</h5>
                                                            </div>
                                                            <div class="featured_meta">People</div> 
                                                            <a href="img/portfolio/370_300/8.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 branding element">                    
                                            <div class="item animate" data-anim-delay="250" data-anim-type="bounceIn">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/9.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Class Aptent Taciti</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/9.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>                                                                                                                           
                                    </div>
                                    <div class="clear"></div>
                                    <div class="text-center animate" data-anim-delay="250" data-anim-type="fadeInUp"><a href="javascript:void(0);" class="load_more_works shortcode_button btn_normal btn_type5">Load More</a></div>
                                </div>                             
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Simple Pricing</h2>
                                    </div>                               
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb80 module_price_table items3">
                                    <div class="price_table_wrapper">
                                        <div class="price_item">                                        
                                            <div class="price_item_wrapper animate" data-anim-delay="300" data-anim-type="fadeInLeft">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Designer Lisense</h5>
                                                        <h6>2 Clients&amp;Basic Formats</h6>
                                                    </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>49<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Lorem ipsum dolor sit amet</div>
                                                        <div class="price_item_text">Consectetur et adipiscing elit</div>
                                                        <div class="price_item_text">Sed eiusmod tempor incididunt</div>
                                                        <div class="price_item_text">Excepteur occaecat cupidatat</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type1" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                         
                                            	</div>   			
                                            </div>
                                        </div>
                                        <div class="price_item most_popular animate" data-anim-delay="500" data-anim-type="fadeIn">                                      
                                            <div class="price_item_wrapper">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Designer Lisense</h5>
                                                        <h6>5 Clients&amp;Essential Formats</h6>
                                                  </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>69<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Sed ut perspiciatis unde omnis</div>
                                                        <div class="price_item_text">Nemo enim ipsam voluptatem quia</div>
                                                        <div class="price_item_text">Reprehenderit qui in ea voluptate</div>
                                                        <div class="price_item_text">Et harum quidem rerum facilis</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                       
                                           	  </div>   			
                                            </div>
                                        </div>
                                        <div class="price_item animate" data-anim-delay="300" data-anim-type="fadeInRight">
                                            <div class="price_item_wrapper">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Agency Lisense</h5>
                                                        <h6>Unlimited Clients&amp;All Formats!</h6>
                                                    </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>99<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Alias consequatur ut perferendis</div>
                                                        <div class="price_item_text">Quod maxime placeat possimus</div>
                                                        <div class="price_item_text">Sed eiusmod tempor incididunt</div>
                                                        <div class="price_item_text">Excepteur occaecat cupidatat</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type1" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                        
                                            	</div>   			
                                            </div>
                                        </div>                                                                               
                                    </div>
                                </div>                                    
                             </div>
     
                            <div class="fw_block bg_start grey_bg pt46 mb0">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb47 module_partners">
                                        <div class="module_content sponsors_works items6">
                                            <ul>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://wordpress.com/" target="_blank"><img src="img/imgs/wp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.envato.com/" target="_blank"><img src="img/imgs/envato.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://mailchimp.com/" target="_blank"><img src="img/imgs/mailchimp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.pixeden.com/" target="_blank"><img src="img/imgs/pixeden.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="450">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://themeforest.net/" target="_blank"><img src="img/imgs/themeforest.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="500">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.gt3themes.com/" target="_blank"><img src="img/imgs/gt3themes.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                 </div>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    
    <div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
	<div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>	   
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script>
    <script type="text/javascript" src="js/color_panel.js"></script>
	
    <!-- Portfolio -->
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/sorting.js"></script>
    <script>	
		items_set = [                    
			{src : 'img/portfolio/370_300/10.jpg', zoom : 'img/portfolio/370_300/10.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'webui', title: 'Unde Sed ut', itemcategory: 'Print Design'},
			{src : 'img/portfolio/370_300/11.jpg', zoom : 'img/portfolio/370_300/11.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'polygraphy', title: 'Tempore Nam Libero', itemcategory: 'Business'},
			{src : 'img/portfolio/370_300/12.jpg', zoom : 'img/portfolio/370_300/12.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'textstyle', title: 'Dolores Magni', itemcategory: 'People'}
		];
		jQuery('#list').portfolio_addon({
			type : 2, // 2-4 columns portfolio
			load_count : 3,
			items : items_set
		});
	</script> 
</body>
</html>